import React from "react"
import {NavLink} from "react-router-dom"
import $ from "jquery"
import "./../scss/cart.scss";
class cart extends React.Component{
	constructor(props){
		super(props);
	}
	componentDidMount(){
		$.ajax({
			type:'get',
			url:'http://10.8.154.144:3000/cart1',
			success:function(data){
//				data.map(function(v){
//					console.log(v)
//					var html ="";
//					html +="<li key="+v.brandId+"><img src="+v.img+"><p>"+v.name+"</p><p><input type='tex' id='tex' /></p><b>"+v.price+"</b></li>"
//					$('#cart1').html(html)
//				})
					var html ="";
				for(var i in data){
					console.log(data[i])
					html +="<li key="+data[i].brandId+" style='width:100%;height:60px;float:left;'><img src="+data[i].img+" style='width:60px;height:60px;float:left;'><p style='width:200px;height:30px;float:left;'>"+data[i].name+"</p><p style='width:100%;height:30px;float:left;'><input type='tex' id='tex' /></p><b>"+data[i].price+"</b></li>"
				}
				$('#cart1').html(html);
			}
		})
	}
		render() {
		return (
			<ul id="cart1">
				<b className="iconfont icon-icon1"></b>
				<p>购物车是空的</p>
				<p>赶紧强点东西犒劳下自己吧~~~</p>
				<NavLink to="/home"><i>去首页逛逛</i></NavLink>
			</ul>
		)
	}
}
export default cart;